<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>详情</title>
    <link th:href="@{/showstatic/css/details.css}" type="text/css" rel="stylesheet"/>
    <link th:href="@{/showstatic/js/layer-v3.0.3/layer/mobile/need/layer.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/showstatic/layui/css/layui.css}" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" th:src="@{/showstatic/js/jquery-1.7.2.min.js}"></script>
    <script type="text/javascript" th:src="@{/showstatic/js/phone.js}"></script>
    <script type="text/javascript" th:src="@{/showstatic/js/layer-v3.0.3/layer/layer.js}"></script>
    <script type="text/javascript" th:src="@{/showstatic/layui/layui.js}"></script>
</head>

<body>
<div class="whole">
    <div class="movie">
        <div class="back"><img src="/showstatic/image/back.png"/></div>
        <img src="/showstatic/image/lunbo.jpg"/>
        <span>
        	<img src="/showstatic/image/start.png"/>
        </span>
    </div>


    <div class="detail">
        <div class="bol"><img src="/showstatic/image/bg-bg.png"/></div>
        <div class="det-con">
            <div class="common det-c">
                <div class="jz-pic">
                    <img src="/showstatic/image/shenqinvxia.jpg"/>
                </div>
                <div class="det-inf">
                    <p class="det-titles">
                        <span>

                  <div class="panel-body">
                 <span th:text="${scheduleMsg.movename}"></span>
                  </div>
                        </span>
                    </p>
                    <ul class="stars">
                        <li><img src="/showstatic/image/stars.png"/></li>
                        <img th:src="${scheduleMsg.img}" alt="">
                        <!--<li><img src="<input type='text'  th:value='${scheduleMsg.img}'>"/></li>-->
                    </ul>
                    <p class="det-tag">动作 警匪 犯罪</p>
                </div>
            </div>

            <div class="common parti">
                <div class="panel-body">
                    <span th:text="${scheduleMsg.description}"></span>
                </div>
            </div>
        </div>
    </div>
    <div style="margin-top: 50px;">
        <a class="footer" href="/movieshow/film_cinema.html">立即订票</a>
    </div>

    <!--//将值赋给hidden域-->
    <input type="hidden" th:value="${scheduleMsg.vediosrc}" id="staff_name2"/>

</div>
<script type="text/javascript">
    //Js 获取hidden的隐藏域
    var staff_name2 = $("#staff_name2").val();

    $(document).ready(function () {

        $('.movie').click(function () {
            movie();
        });

        /*预告片播放函数*/
        function movie() {
            alert(staff_name2);
            layer.open({
                type: 2,
                title: false,
                area: ['630px', '360px'],
                shade: 0.8,
                closeBtn: 0,
                shadeClose: true,
                content: staff_name2
            });
        }

        $('.back').on('click', function () {
            window.history.go(-1);
        });

    });
</script>


<!--加载表单框-->
<script>
    layui.use('form', function () {
        var form = layui.form;
        //监听提交
        form.on('submit(formreply)', function (data) {
            //layer.msg(JSON.stringify(data.field));
            return true;
        });
    });
</script>
</body>
</html>
